<%@ page pageEncoding="UTF-8"%>
<%@ taglib prefix="cw" uri="/widget-tags"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<cw:base />
	</head>
	<body>
		<cw:form>
			<li>
				<b> 数值输入框对文本框进行了输入数据的限制，只能进行指定字符的录入 </b>
			</li>
			<li>
				<b> 支持可录入字符的配置；如：(0-9)、正负号(+,-)、小数点(.) </b>
			</li>
			<li>
				<b> 以下示例分别展现了数值输入框的一些使用场景，如输入整数、小数、负数，数值校验的功能 </b>
			</li>
			<br />
			<br />
			<li>
				普通的整数数值输入
				<table>
					<tr>
						<td align="right">
							手机:
						</td>
						<td>
							<cw:number property="mobile" value="13746574323" allowDecimals="false" allowNegative="false" />
						</td>
					</tr>
				</table>
				<br />
			</li>
			<li>
				小数数值输入，allowDecimals="true"允许输入小数，decimalPrecision="2"表示小数位数，失焦后会自动进行位数有效性验证
				<br />
				默认是允许小数输入的，并且小数位数默认保留2位
				<table>
					<tr>
						<td align="right">
							余额:
						</td>
						<td>
							<cw:number property="cash" value="8800" decimalPrecision="2" allowNegative="false" />
						</td>
					</tr>
				</table>
				<br />
			</li>
			<li>
				负数数值输入，allowNegative="true"允许输入-号，失焦后会自动进行数据有效性验证
				<br />
				默认是允许负数输入的
				<table>
					<tr>
						<td align="right">
							差额:
						</td>
						<td>
							<cw:number property="cash" value="-8800" allowNegative="true" />
						</td>
					</tr>
				</table>
				<br />
			</li>
			<li>
				数值校验，通过设置maxValue="90" minValue="18"来设置数值范围，失焦或者表单提交时会自动进行数据有效性验证
				<br />
				<table>
					<tr>
						<td align="right">
							年龄:
						</td>
						<td>
							<cw:number property="cash" maxValue="90" minValue="18" allowDecimals="false" value="17" />
						</td>
					</tr>
				</table>
			</li>
		</cw:form>
	</body>
	<cw:theme></cw:theme>
</html>
